<template>
	<u-transition mode="fade-down" :show="$store.state.socket.notifyShow" :duration="300"
		:style="'top:'+($getSystemInfo('statusBarHeight') + 10)+'px'">
		<view class="message-container u-flex-between" @click="$navigateTo('/pages/information/index')">
			<view class="message-content">您有一条消息，快去查看吧</view>
			<u-icon name="arrow-right" color="#9e9e9e" size="12"></u-icon>
		</view>
	</u-transition>
</template>
<script>
	export default {
		name: "picker",
		data() {
			return {};
		},
		// 此处定义传入的参数
		props: {
			// 显示/隐藏
			show: {
				type: Boolean,
				default: (() => {
					return true;
				})
			},
		},
		created() {},
		mounted() {},
		methods: {
		},
	}
</script>
<style lang="scss" scoped>
	// .message-container {
	// 	position: fixed;
	// 	top: 10%;
	// 	left: 0;
	// 	right: 0;
	// 	margin: 0 auto;
	// 	z-index: 2000;
	// 	width: 90%;
	// 	height: 200px;
	// 	background-color: red;
	// 	border-radius: 12rpx;
	// }
	.u-transition {
		position: fixed;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 2000;
		width: 90%;
		background-color: #FFFFFF;
		border-radius: 16rpx;
		padding: 25rpx 20rpx;
		box-sizing: border-box;
		box-shadow: 0rpx 0rpx 10rpx 10rpx rgba(0, 0, 0, 0.04);

		.message-content {
			font-size: 24rpx;
		}
	}
</style>